<template>
    <div id="app" :class="show ? 'app' : ''">
        <router-view />
    </div>
</template>
<script>
export default {
    name: 'App',
    data () {
        return {
            show: false
        };
    },
    mounted () {
        this.show = true;
    }
};
</script>
<style lang="scss">
.my-select {
    .el-cascader__dropdown,
    .el-popper[x-placement^="bottom"] {
        background: #fff !important;
        border: none;
    }
}
</style>
<style lang="scss" scoped>
#app {
    height: 100%;
    font-family: "微软雅黑", Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
    // background-color: #f5f5f5;
    background-size: cover;
}
.app {
    background: url("./assets/images/bg.png") no-repeat center;
}
#nav {
    padding: 30px;

    a {
        font-weight: bold;
        color: #2c3e50;

        &.router-link-exact-active {
            color: #42b983;
        }
    }
}
</style>
